@charset "utf-8";
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.ab{
   margin: 0px auto;
    width: 1100px;
}
.ab_1{
   text-align: center;
    margin: 0px auto;
    width: 1100px;
}
.ab_1 IMG{
   width: 203px;
    margin-bottom: 50px;
    height: 61px;
}
.ab_2{
   width: 1100px;
}
.ab_2_l{
   width: 640px;
    float: left;
}
.ab_2_l H1{
   line-height: 50px;
    font-family: "微软雅黑";
    color: #1b60a0;
    font-size: 18px;
    font-weight: 500;
}
.ab_2_l P{
   line-height: 30px;
    text-indent: 2em;
    font-family: "微软雅黑";
    color: #4d4d4d;
    font-size: 13px;
}
.mo{
   position: relative;
    margin-top: 25px;
    width: 114px;
    background: #1b60a0;
    height: 34px;
}
.mo A{
   z-index: 1;
    position: absolute;
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
    width: 114px;
    display: block;
    font-family: arial;
    height: 34px;
    color: #fff;
    font-size: 12px;
    top: 0px;
    text-decoration: none;
    left: 0px;
}
.mo_z{
   position: absolute;
    width: 0px;
    background: #f9a800;
    height: 34px;
    overflow: hidden;
    transition: 0.3s;
}
.mo:hover .mo_z{
   width: 100%;
}
.ab_2_r{
   position: relative;
    width: 430px;
    float: right;
    height: 292px;
    transition: all 0.5 ease;
}
.ab .ab_box .ab_box_con{
   width: 430px;
    display: block;
}
.ab .ab_box1 .ab_box_left{
   width: 215px;
    display: block;
    float: left;
}
.ab .ab_box1 .ab_box_right{
   width: 215px;
    display: block;
    float: left;
}
.ab .ab_onick{
   position: relative;
    width: 215px;
    float: left;
    height: 292px;
    transition: all 0.3s ease;
    perspective: 0px;
    -moz-perspective: 0px;
    -webkit-perspective: 0px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective-origin: left 100%;
    -webkit-perspective-origin: left 100%;
    -moz-perspective-origin: left 100%;
}
.ab .ab_onick SPAN{
   position: absolute;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "微软雅黑";
    height: 292px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    top: 0px;
    text-decoration: none;
    left: 0px;
}
.ab .ab_onick SPAN I{
   font-style: normal;
}
.ab .ab_onick SPAN.ab_hov{
   transform: rotateY(90deg) translatez(100px);
    -webkit-transform: rotateY(90deg) translatez(100px);
    -moz-transform: rotateY(90deg) translatez(100px);
}
.ab .ab_onick SPAN.ab_lank{
   transform: translatez(100px);
    -webkit-transform: translatez(100px);
    -moz-transform: translatez(100px);
}
.ab .ab_box:hover .ab_onick{
   transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
}
.ab .ab_box1 .ab_box_left .ab_onick .ab_lank{
}
.ab .ab_box1 .ab_box_right .ab_onick .ab_lank{
}
.ab .ab_box_left:hover .ab_onick{
   transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
}
.ab .ab_box_right:hover .ab_onick{
   transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
}
.join{
   margin: 0px auto;
    width: 1100px;
}
.jo_1{
   text-align: center;
    padding-bottom: 26px;
    margin: 0px auto;
    width: 1100px;
}
.jo_1 IMG{
   margin: 0px auto;
    width: 350px;
 
}
.jo_2{
   width: 1100px;
}
.jo_2 UL LI{
   text-align: center;
    list-style-type: none;
    margin: 0px auto;
    width: 275px;
    float: left;
}
.jo_2 UL LI A{
   text-decoration: none;
}
.jo_2 UL LI .jo_2_img{
   padding-bottom: 30px;
    margin: 0px auto;
    width: 52px;
    display: block;
    background: url(../images/join1.png) no-repeat center center;
    height: 52px;
    transition: all 0.5s;
}
.jo_2 UL LI:hover .jo_2_img{
   background: url(../images/join01.png) no-repeat center center;
}
.jo_2 UL LI SPAN{
   line-height: 14px;
    text-transform: uppercase;
    font-family: arial;
    color: #242424;
    font-size: 12px;
}
.jo_2 UL LI H1{
   padding-bottom: 10px;
    line-height: 20px;
    font-family: "微软雅黑";
    color: #686868;
    font-size: 15px;
    font-weight: 500;
}
.jo_2 UL LI HR{
   border-bottom: medium none;
    border-left: medium none;
    line-height: 30px;
    margin: 0px auto;
    width: 30px;
    height: 2px;
    border-top: #0066cc 2px solid;
    border-right: medium none;
}
.jo_2 UL LI STRONG{
   line-height: 20px;
    display: block;
    font-family: "微软雅黑";
    margin-bottom: 40px;
    color: #a0a0a0;
    font-size: 11px;
    font-weight: 100;
    padding-top: 10px;
}
.jo_2 UL LI .jo_2_img1{
   padding-bottom: 30px;
    margin: 0px auto;
    width: 52px;
    display: block;
    background: url(../images/join2.png) no-repeat center center;
    height: 52px;
    transition: all 0.5s;
}
.jo_2 UL LI:hover .jo_2_img1{
   background: url(../images/join02.png) no-repeat center center;
}
.jo_2 UL LI .jo_2_img2{
   padding-bottom: 30px;
    margin: 0px auto;
    width: 52px;
    display: block;
    background: url(../images/join3.png) no-repeat center center;
    height: 52px;
    transition: all 0.5s;
}
.jo_2 UL LI:hover .jo_2_img2{
   background: url(../images/join03.png) no-repeat center center;
}
.jo_2 UL LI .jo_2_img3{
   padding-bottom: 30px;
    margin: 0px auto;
    width: 52px;
    display: block;
    background: url(../images/join4.png) no-repeat center center;
    height: 52px;
    transition: all 0.5s;
}
.jo_2 UL LI:hover .jo_2_img3{
   background: url(../images/join04.png) no-repeat center center;
}
.jo_3{
   margin: 0px auto;
    width: 1100px;
}
.jo_3 IMG{
   width: 1100px;
    height: 203px;
}
.foot{
   margin: 0px auto;
    width: 1100px;
    background: #1b60a0;
}
.fo_1{
   width: 1100px;
}
.fo_1 UL LI{
   padding-right: 52px;
    float: left;
}
.fo_1 UL LI UL LI{
   float: none;
}
.fo_1 UL LI{
   list-style-type: none;
}
.fo_1 UL LI A{
   text-decoration: none;
}
.fo_1 UL LI A SPAN{
   line-height: 40px;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 16px;
}
.fo_1 UL LI HR{
   border-bottom: medium none;
    text-align: left;
    border-left: medium none;
    width: 30px;
    margin-bottom: 8px;
    height: 2px;
    border-top: #fff 2px solid;
    border-right: medium none;
}
.fo_1_r{
   width: 103px;
    float: right;
    padding-top: 18px;
}
.fo_1_r P{
   text-align: center;
    width: 103px;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 13px;
}
.fo_1 UL LI A SMALL{
   line-height: 26px;
    font-family: "微软雅黑";
    color: #edeeee;
    font-size: 13px;
}